<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网易新闻列表</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./fa/css/all.css">
    <style>
        body{
            background-color: #333333;
        }
        .news-list{
            width: 300px;
            height: 500px;
            background-color: white;
            margin: 50px auto;
        }
        .news-list .news-img{
        }
        .news-list .news-content li{
            width: 300px;
            line-height: 30px;
            font-size: 14px;
            font-family: 宋体;
        }
    </style>
</head>
<body>
    <div class="news-list">
        <div class="news-title">
            军事航空
        </div>
        <div class="news-img">
            <a href="#"><img src="./picture/89df733ej00r7u6ha0023c000s600e3c.webp" alt=""></a>
            <div class="img-description">
                <i class="fa fa-hashtag"></i>
                实拍俄乌两军激烈交火现场
            </div>
        </div>
        <ul class="news-content">
            <li>
                <i class="fa fa-circle"></i>
                <a href="#">俄罗斯已摧毁乌克兰地面74个军事目标</a>
            </li>
            <li>
                <i class="fa fa-circle"></i>
                <a href="#">乌克兰首都基辅街头现俄罗斯导弹残骸</a>
            </li>
            <li>
                <i class="fa fa-circle"></i>
                <a href="#">中国拟分批包机接返在乌公民!</a>
            </li>
            <li>
                <i class="fa fa-circle"></i>
                <a href="#">仅是少年的南航A380开始退役</a>
            </li>
        </ul>
    </div>
</body>
</html>